<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Registro de usuario</title>

<link href="calendario_dw/calendario_dw-estilos.css" type="text/css" rel="STYLESHEET">
<link rel="stylesheet" href="css/login.css" type="text/css" media="all">

<script type="text/javascript" src="calendario_dw/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="calendario_dw/calendario_dw.js"></script>
<script type="text/javascript" src="js/usuarioyclave.js"></script>

<script type="text/javascript">
$(document).ready(function(){
   $(".campofecha").calendarioDW();
})
</script>
</head>

<body>    
    <form name="fvalida" id="fvailda" onSubmit=" return valida_envia()" method="post">
<div id="apDiv1"><img src="images/logo.png" width="199" height="120" />
  <div id="apDiv2">
    <p>Señor usuario, es necesario registrar la información que se  encuentra en seguida para tener el acceso a nuestro sistema de hojas de vida  virtual</p>
  </div>
</div>
<div id="apDiv3">
  <table width="622" border="0" cellpadding="2">
    <tr>
      <td width="311" height="38" align="right" valign="middle">Nombres <span class="asterisco">*</span></td>
      <td width="295"><input name="name" type="text" class="input" onfocus="no" maxlength="100" id="name" required="required" /></td>
    </tr>
    <tr>
      <td align="right" valign="middle">Apellidos <span class="asterisco">*</span></td>
      <td><input name="apellido" type="text" class="input" id="apellido" maxlength="100" required="required" /></td>
    </tr>
    <tr>
      <td height="29" align="right" valign="middle">Genero <span class="asterisco">*</span></td>
      <td>&nbsp;Masculino
        <input name="genero" type="radio" value="m" checked="checked"/>
        Femenino
        <input name="genero" type="radio" value="f" /></td>
    </tr>
    <tr>
      <td align="right" valign="middle">Usuario <span class="asterisco">*</span></td>
      <td><input name="usuario" type="text" class="input" id="usuario" maxlength="50" required="required" /></td>
    </tr>
    <tr>
      <td align="right" valign="middle">Crear contraseña <span class="asterisco">*</span></td>
      <td><input name="clave" type="password" class="input" id="clave" title="La contraseña debe contener por lo menos 6 digitos" maxlength="15" /></td>
    </tr>
    <tr>
      <td align="right" valign="middle">Vuelva a escribir la contraseña <span class="asterisco">*</span></td>
      <td><input name="clave2" type="password" class="input" id="clave2" title="La contraseña debe contener por lo menos 6 digitos" maxlength="15"  /></td>
    </tr>
    <tr>
      <td align="right" valign="middle">Pais <span class="asterisco">*</span></td>
      <td><select name="pais" class="seleccionarpais" id="pais">      
        <option selected="selected" values ="1">Seleccionar</option>
        <option values ="1">Colombia</option>
        <option values ="2">Ecuador</option>
        <option values ="3">Bolivia</option>
        <option values ="4">Chile</option>
        <option values ="5">Argentina</option>
        <option values ="6">Brazil</option>
        <option values ="7">Peru</option>
        <option values ="8">Paraguay</option>
        <option values ="9">Uruguay</option>
        <option values ="10">Venezuela</option>
        <option values ="11">Mexico</option>
        <option values ="12">Estados Unidos</option>
      </select>
      </td>
    </tr>
    <tr>
      <td height="36" align="right">Fecha de Nacimiento dd/mm/aaaa <span class="asterisco">*</span></td>
      <td><input name="clave3" type="text" class="campofecha" title="La contraseña debe contener por lo menos 6 digitos" maxlength="15" id="clave3" required="required"  /></td>
    </tr>
    <tr>
      <td height="31" align="right" valign="middle">Idioma <span class="asterisco">*</span></td>
      <td><select name="idioma" class="seleccionarpais" id="idioma">
        <option selected="selected" values ="1">Seleccionar</option>       
        <option  values ="1">Español</option>
        <option  values ="2">Ingles</option>
      </select></td>
    </tr>
    <tr>
      <td height="31" align="right" valign="middle">Telefono <span class="asteriscoblanco"><span class="asteriscoblanco"><span class="asterisco">*</span></span></span></td>
      <td><input name="tel" type="text" class="input" id="tel" maxlength="20" onkeypress="return validar(event)" required="required" /></td>
    </tr>
    <tr>
      <td height="31" align="right" valign="middle">Celular <span class="asterisco"><span class="asteriscoblanco">*</span></span></td>
      <td><input name="cel" type="text" class="input" id="cel" maxlength="20" onkeypress="return validar(event)"/></td>
    </tr>
    <tr>
      <td height="31" align="right" valign="middle">Correo Electrónico <span class="asterisco">*</span></td>
      <td><input name="correo" type="text" class="input" id="correo" maxlength="50" required="required" /></td>
    </tr>
    <tr>
      <td height="31" align="right" valign="middle">Correo Electrónico Alternativo <span class="asteriscoblanco">*</span></td>
      <td><input name="correoalt" type="text" class="input" id="correoalt" maxlength="50" /></td>
    </tr>
    <tr>
      <td height="31">&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </table>
  <div id="apDiv6"><input name="Aceptar" type="submit" class="boton" id="guardar" value="Aceptar"  /> 
  <input name="cancelar" type="reset" class="boton" value="Cancelar" /></div>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
</form>
<p>&nbsp;</p>
<div id="apDiv4">Los campos marcados con <span class="asterisco">*</span> son obligatorios</div>
<div id="apDiv7"><a href="ingreso.html" class="a">Inicio</a></div>
</body>
</html>